<template>
	<div class='recommendbox'>
		<div class='leftdiv'></div>
		<div class='twodiv'></div>
		<span>为你推荐</span>
		<div class='threediv'></div>
		<div class='fourdiv'></div>
	</div>
</template>

<script>
</script>

<style scoped>
	span {
		font-size: 14px;
		position: absolute;
		top: 0px;
		left: 57px;
	}

	.leftdiv {
		width: 45px;
		height: 10px;
		border-bottom: 2px solid #999999;
	}

	.twodiv {

		width: 5px;
		height: 5px;
		line-height: 20px;
		border-radius: 100px;
		background-color: #999999;
		text-align: center;
		position: absolute;
		top: 8px;
		left: 45px;
	}

	.threediv {

		width: 5px;
		height: 5px;
		line-height: 20px;
		border-radius: 100px;
		background-color: #999999;
		text-align: center;
		position: absolute;
		top: 8px;
		left: 122px;
	}

	.fourdiv {
		width: 45px;
		height: 10px;
		border-bottom: 2px solid #999999;
		position: absolute;
		top: 0px;
		left: 127px;
	}
	.recommendbox{

		color: #999999;
		position: relative;
		left: 28%;
	
	}
</style>
